<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin: 0; padding: 0;}
        body{
            font-size: 14px;
        }
        .list{
            width: 900px;
            border: 1px solid #ccc;
            margin: 100px auto;
        }
        .list dl{
            overflow: hidden;
        }
        .list dl dt{
            width: 50px;
            text-align: right;
            float: left;
        }
        .list dl dd{
            width: 840px;
            float: right;
        }
        .list dl dd a{
            text-decoration: none;
            color: #666;
            padding-right: 10px;
        }
    </style>
</head>
<body>
<div class="list">
    <dl>
        <dt>品牌:</dt>
        <dd>
            <a href="#">乐仕菲斯</a>
            <a href="#">家魔仕</a>
            <a href="#">锅宝</a>
            <a href="#">弗兰西诺</a>
            <a href="#">双立人</a>
            <a href="#">膳魔师</a>
            <a href="#">飞利浦</a>
            <a href="#">上海红心</a>
            <a href="#">德国莱克森</a>
            <a href="#">罗莱家纺</a>
            <a href="#">WINKO</a>
            <a href="#">浮士徳</a>
            <a href="#">道奇</a>
            <a href="#">希乐</a>
            <a href="#">北欧欧慕</a>
            <a href="#">GlassLock</a>
            <a href="#">斯阁睿</a>
            <a href="#">博洋家纺</a>
            <a href="#">赫曼德</a>
            <a href="#">美国傲仕</a>
            <a href="#">乐仕菲斯</a>
            <a href="#">家魔仕</a>
            <a href="#">锅宝</a>
            <a href="#">弗兰西诺</a>
            <a href="#">双立人</a>
            <a href="#">膳魔师</a>
            <a href="#">飞利浦</a>
            <a href="#">上海红心</a>
            <a href="#">德国莱克森</a>
            <a href="#">罗莱家纺</a>
            <a href="#">WINKO</a>
            <a href="#">浮士徳</a>
            <a href="#">道奇</a>
            <a href="#">希乐</a>
            <a href="#">北欧欧慕</a>
            <a href="#">GlassLock</a>
            <a href="#">斯阁睿</a>
            <a href="#">博洋家纺</a>
            <a href="#">赫曼德</a>
            <a href="#">美国傲仕</a>
            <a href="#">乐仕菲斯</a>
            <a href="#">家魔仕</a>
            <a href="#">锅宝</a>
            <a href="#">弗兰西诺</a>
            <a href="#">双立人</a>
            <a href="#">膳魔师</a>
            <a href="#">飞利浦</a>
            <a href="#">上海红心</a>
            <a href="#">德国莱克森</a>
            <a href="#">罗莱家纺</a>
            <a href="#">WINKO</a>
            <a href="#">浮士徳</a>
            <a href="#">道奇</a>
            <a href="#">希乐</a>
            <a href="#">北欧欧慕</a>
            <a href="#">GlassLock</a>
            <a href="#">斯阁睿</a>
            <a href="#">博洋家纺</a>
            <a href="#">赫曼德</a>
            <a href="#">美国傲仕</a>
            <a href="#">乐仕菲斯</a>
            <a href="#">家魔仕</a>
            <a href="#">锅宝</a>
            <a href="#">弗兰西诺</a>
            <a href="#">双立人</a>
            <a href="#">膳魔师</a>
            <a href="#">飞利浦</a>
            <a href="#">上海红心</a>
            <a href="#">德国莱克森</a>
            <a href="#">罗莱家纺</a>
            <a href="#">WINKO</a>
            <a href="#">浮士徳</a>
            <a href="#">道奇</a>
            <a href="#">希乐</a>
            <a href="#">北欧欧慕</a>
            <a href="#">GlassLock</a>
            <a href="#">斯阁睿</a>
            <a href="#">博洋家纺</a>
            <a href="#">赫曼德</a>
            <a href="#">美国傲仕</a>
            <a style="color:#000;" class="gjz_dlAlast_child" href="#">更多</a>
        </dd>
        </dl>
</div>
</body>
</html>
    <script src="js/jquery-1.10.1.js"></script>
    <script>
        $(function () {
            var aA = $(".list dd a:gt(25):not(.list dd a:last)");
            aA.hide();
            //点击更多，让隐藏的a显示出来
            $(".list dd a:last").click(function () {
                if($(this).html() == "更多"){
                    $(aA).show();
                    $(this).html("隐藏部分");
                }else{
                    $(aA).hide();
                    $(this).html("更多");
                }
            })
        })
    </script>